<!DOCTYPE html>
<html lang="en" data-ng-app="sweet">
  <head>
    <title>云采家</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
	<meta name="keywords" content="云集,易云,移动办公,采购,SRM,企业协同,企业社区" />
    <!-- bootstrap -->
    <link rel="stylesheet" href="css/base/bootstrap.min.css" type="text/css" />
    <!-- css font -->
	<link rel="stylesheet" href="css/base/font-awesome.min.css" type="text/css" />
	<!-- main css -->
	<link rel="stylesheet" href="css/app.css" type="text/css" />
  </head>
  <body>
  	<div class="srm">
  		<div class="navbar-header">
			<!-- logo -->
			<a href="#/" class="navbar-brand">
				<i class="icon-cloud"></i>
				<span class="hidden-folded m-l-xs">卖家</span>
			</a>
		</div>
		<div class="collapse navbar-collapse pos-rlt">
			<div class="nav navbar-nav">
				<a class="btn no-shadow navbar-btn">
					<i class="icon-indent-left"></i>
				</a>
			</div>
			<ul class="nav navbar-nav srm-header-nav">
				<li>首页</li>
				<li>供应商</li>
				<li>采购</li>
				<li>寻源</li>
				<li>仓储</li>
				<li>分析</li>
				<li>设置</li>
			</ul>
			<!-- 右侧信息 -->
			<ul class="nav navbar-nav navbar-right">
				<li class="dropdown">
					<a class="dropdown-toggle clear" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 
						<span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm"></span> 
						<span class="ng-binding">林佳航</span> <b class="caret"></b>
					</a> 
					<!-- 下拉区域 -->
					<ul class="dropdown-menu animated fadeInRight zn-font">
						<li><a>个人资料</a></li>
						<li><a><span class="label bg-info pull-right text-xs">中等</span>修改密码</a></li>
						<li><a>登录历史</a></li>
						<li class="divider"></li>
						<li><a href="">退出登录</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<aside class="aside bg-light lter">
			<div class="aside-scroll">
				<div class="navi-wrap">
					<nav class="navi">
						<ul class="nav">
							<li class="hidden-folded padder m-t m-b-sm text-muted text-xs-zn"></li>
							<li class="active">
								<a class="auto">
							    	<span class="pull-right text-muted">
								       <i class="icon-angle-right"></i>
								       <i class="icon-angle-down"></i>
							      	</span>
						      	  	<i class="fa fa-gears icon text-base"></i>
						      	  	<span>我的业务</span>
						    	</a>
						    	<ul class="nav nav-sub dk">
						    		<li>
						    			<a href="#"><span>我的合同</span></a>
									</li>
						    		<li> 
										<a href="#"><span>我的竞阶</span></a>
									</li>
									<li> 
										<a href="#"><span>我的物料</span></a>
									</li>
									<li> 
										<a href="#"><span>我的报价</span></a>
									</li>
									<li> 
										<a href="#"><span>报价有效期</span></a>
									</li>
									<li> 
										<a href="#"><span>我的订单</span></a>
									</li>
									<li> 
										<a href="#"><span>我的库存</span></a>
									</li>
						    	</ul>
						    </li>
							<li class="line dk"></li>
						</ul>
					</nav>
				</div>
			</div>
		</aside>
		<div class="content">
			<div class="p-t-xl pos-rlt">
				<ul class="nav navbar-nav srm-tab pos-abt m-l">
					<li class="text-ellipsis m-l-sm active">
						<span>我的合同</span>
						<i class="icon-remove"></i>
					</li>
					<li class="text-ellipsis m-l-sm">
						<span>我的物料</span>
						<i class="icon-remove"></i>
					</li>
				</ul>
				<div class="srm-content clearfix m-l m-r-sm"></div>
			</div>
		</div>
  	</div>
	<script src="js/base/jquery.min.js"></script>
	<script src="js/base/bootstrap.min.js"></script>
	<script src="js/base/require.js"></script>
	<script>
		$(document).ready(function(){
			$('.navbar-btn').bind('click',function(){
				var srm = $('.srm'),isfolded = srm.hasClass('aside-folded');
				if(isfolded){
					srm.removeClass('aside-folded');
					$('i',this).addClass('icon-indent-left').removeClass('icon-indent-right');
				}else{
					srm.addClass('aside-folded');
					$('i',this).addClass('icon-indent-right').removeClass('icon-indent-left');
				}
			});
			$('.navi>ul>li').bind('click',function(){
				var isactive = $(this).hasClass('active');
				if(isactive){
					$(this).removeClass('active')
				}else{
					$(this).addClass('active').siblings('li').removeClass('active');
				}
			})
		});
	</script>
  </body>
 </html>